<!--
 * @Author: sin998
 * @Date: 2019-06-22 17:50:42
 * @LastEditors: sin998
 * @LastEditTime: 2019-06-22 17:50:42
 -->
<template>
  <div>
      <div class="text1">
          <input type="text" value="" placeholder="账户名/手机号/Email">
      </div>
      <div class="text2">
          <input type="text" value="" placeholder="请输入您的密码">
      </div>
      <div>
        <button class="btn">登录</button>
      </div>
        <div class="span">
            <span class="span1">立即注册</span>
            <span class="span2">找回密码</span>
        </div>
  </div>
</template>

<script>
  export default {
    data() {
      return {
      }
    }
  }
</script>

<style>
.text1{
    padding-left: .3rem; 
    padding-right: .3rem; 
}
.text1 input{
    font-size: .3rem;
    border-bottom: .02rem solid rgb(197, 196, 195);
    height: 1rem;
    width: 100%;
}
.text2{
    padding-left: .3rem; 
    padding-right: .3rem; 
}
.text2 input{
    font-size: .3rem;
    border-bottom: .02rem solid rgb(197, 196, 195);
    height: 1rem;
    width: 100%;
}
.btn{
    margin-top: .3rem;
    color: white;
    background-color: rgb(51, 238, 238);
    width: 90%;
    height: .8rem;
}
.span{
    overflow: hidden;
}
.span1{
    color: rgb(51, 238, 238);
    margin-left: 5%;
    margin-top: .2rem;
    float: left;
}
.span2{
    color: rgb(51, 238, 238);
    margin-right: 5%;
    margin-top: .2rem;
    float: right;
}
</style>




